<template>
  <div>
    <h2 class="center">代理占城交收账单详情</h2>
    <el-table v-loading="loading" element-loading-spinner="el-icon-loading" size="mini" class="small-size-table"
      :data="dialogTableData" style="width: 100%; margin: 15px 0" :header-cell-style="getRowClass"
      highlight-current-row>
      <el-table-column prop="teamNetAmount" align="center" label="代理账号">
        <template slot-scope="scope">
          <span>
            {{ scope.row.proxyName }}
          </span>
        </template>
      </el-table-column>
      <el-table-column prop="dxVenueZhanchengReceiptPaymentAmount" align="center" label="德州场馆占成交收">
        <template slot-scope="scope">
          <FormItem :scope="scope" />
          <!-- <span
                    :style="
                        handleNumberColor(
                            scope.row
                                .dxVenueZhanchengReceiptPaymentAmount
                        )
                    "
                >
                    {{
                        handleNumber(
                            'USDT',
                            scope.row
                                .dxVenueZhanchengReceiptPaymentAmount,
                            2,
                            true,
                            true
                        )
                    }}
                </span> -->
        </template>
      </el-table-column>
      <el-table-column prop="otherVenueZhanchengReceiptPaymentAmount" align="center" label="其他场馆占成交收">
        <template slot-scope="scope">
          <FormItem :scope="scope" />
          <!-- <span
                    :style="
                        handleNumberColor(
                            scope.row
                                .otherVenueZhanchengReceiptPaymentAmount
                        )
                    "
                >
                    {{
                        handleNumber(
                            'USDT',
                            scope.row
                                .otherVenueZhanchengReceiptPaymentAmount,
                            2,
                            true,
                            true
                        )
                    }}
                </span> -->
        </template>
      </el-table-column>
      <el-table-column prop="otherZhanchengReceiptPaymentAmount" align="center" label="其他占成交收">
        <template slot-scope="scope">
          <FormItem :scope="scope" />
          <!-- <span
                    :style="
                        handleNumberColor(
                            scope.row.otherZhanchengReceiptPaymentAmount
                        )
                    "
                >
                    {{
                        handleNumber(
                            'USDT',
                            scope.row
                                .otherZhanchengReceiptPaymentAmount,
                            2,
                            true,
                            true
                        )
                    }}
                </span> -->
        </template>
      </el-table-column>
      <el-table-column prop="teamZhanchengShouldReceiptPaymentParentAmount" align="center" label="本期团队占成交收总计">
        <template slot="header" slot-scope="{ column, $index }">
          <span>
            本期团队占成交收总计
            <el-tooltip class="item" effect="dark" content="我的团队带入占成计算后的数值" placement="top-start">
              <i class="el-icon-question"></i>
            </el-tooltip>
          </span>
        </template>
        <template slot-scope="scope">
          <span :style="handleNumberColor(
            scope.row
              .teamZhanchengShouldReceiptPaymentParentAmount
          )
            ">
            {{
              handleNumber(
                'USDT',
                scope.row
                  .teamZhanchengShouldReceiptPaymentParentAmount,
                2,
                true,
                true
              )
            }}
          </span>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import FormItem from './formItem.vue'
import list from '@/mixins/list'
export default {
  components: {
    FormItem
  },
  mixins: [list],
  data() {
    return {
      data: [{}]
    }
  }
}
</script>
<style lang="scss" scoped>
.center {
  text-align: center;
}
</style>